<template>
  <div
    class="drag"
    :style="{
      width: `${dragMinWidth}px`,
      height: `${dragMinHeight}px`,
      top: `${top}px`,
      left: `${left}px`,
      right: `${right}px`
    }"
  >
    <div
      class="title text-white"
      v-on="{ mousedown, touchstart, touchmove, touchend }"
    >
      <el-col class="col">
        <span class="text-left" v-text="$t('视频和音频')"></span>
      </el-col>
      <el-col class="col text-right">
        <i
          class="min minbuton iconfont icon-hte-xuanzhuan45"
          :class="guding ? 'text-black ' : 'text-white'"
          @click="guding = !guding"
          :title="$t('fixed')"
        ></i>
        <i
          class="min minbuton el-icon-minus"
          @click="isShow(false)"
          :title="$t('minimize')"
        ></i>
        <i
          class="max minbuton iconfont"
          :class="max ? 'icon-huanyuan' : 'icon-zuidahua'"
          @click="isShow(true)"
          :title="max ? $t('reduction') : $t('maximize')"
        ></i>
        <!-- <i class="max minbuton el-icon-close" @click="isShow"></i> -->
      </el-col>
    </div>
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: "xiaofeidrag",
  data() {
    
    return {
      title: "视频和音频",
      max: false,
      top: 35,
      right: 35,
      width: 442,
      height: 442,
      left: "auto",
      guding: false,
      oldtop: 35,
      oldright: 35,
      oldwidth: 442,
      oldheight: 442,
      oldleft: "auto",
      toucheX: 0,
      toucheY: 0
    };
  },
  props: {
    scratchheightset: {
      type: Function
    },
    scratchwidthset: {
      type: Function
    },
    ifloddingset: {
      type: Function
    },
    isShow: {
      type: Function
    },
    dragMinWidth: {
      type: Number,
      default: 300
    },
    dragMinHeight: {
      type: Number,
      default: 240
    },
    border: Boolean,
    tiaoguo: Object
  },
  watch: {
    dragMinWidth(v) {
      if (v === document.getElementById("body").offsetWidth) {
        this.top = 0;
        this.right = "auto";
        this.left = 0;
      }
    },
    width(v, _o) {
      if (v < 300) {
        this.width = 300;
      }
      this.scratchwidthset(v);
      this.scratchheightset(this.height);
      this.oldwidth = _o;
    },
    height(v, _o) {
      if (v < 180) {
        this.height = 180;
      }
      this.scratchwidthset(this.width);
      this.scratchheightset(v);
      this.oldheight = _o;
    },
    left(_v, o) {
      this.oldleft = o;
    },
    top(_v, o) {
      this.oldtop = o;
    },
    right(_v, o) {
      this.oldright = o;
    }
  },
  methods: {
    minclick() {
      this.max = true;
    },
    maxclick() {
      if (this.max === false) {
        this.top = 0;
        this.left = 0;
        this.right = "auto";
        this.width = document.documentElement.offsetWidth;
        this.height = document.documentElement.clientHeight;

        this.max = true;
      } else {
        this.top = this.oldtop;
        this.left = this.oldleft;
        this.right = this.oldright;
        this.height = this.oldheight;
        this.width = this.oldwidth;
        this.max = false;
      }
    },
    resize(oparent, handle, isleft, istop, lookx, looky) {
      const ifloddingset = this.ifloddingset;
      handle.onmousedown = e => {
        if (this.guding) return;
        ifloddingset(true);
        e = e || event;
        e.preventDefault();
        document.onmousemove = e => {
          const oparent = this.$el;
          const iparenttop = oparent.offsetTop; // 获取上面距离
          const iparentleft = oparent.offsetLeft; // 获取做面距离

          e = e || event;

          if (isleft) {
            if (this.width > 300) {
              this.left = e.clientX;
            }
          }
          if (istop) {
            if (this.height != 180) {
              this.top = e.clientY;
            }
          }
          if (lookx) {
            if (isleft) {
              this.width = this.width - (e.clientX - iparentleft);
            } else {
              this.left = iparentleft;
              this.width = e.clientX - iparentleft;
            }
          }
          if (looky) {
            if (istop) {
              this.height = this.height - (e.clientY - iparenttop);
            } else {
              this.height = e.clientY - iparenttop;
            }
          }
          return false;
        };
        document.onmouseup = function() {
          document.onmousemove = null;
          document.onmouseup = null;
          ifloddingset(false);
        };
      };
    },
    mousedown(e) {
      if (this.guding) return;
      const ifloddingset = this.ifloddingset;
      ifloddingset(true);
      e = e || event;
      e.preventDefault();
      const disX = e.clientX - this.$el.offsetLeft;
      const disY = e.clientY - this.$el.offsetTop;
      document.onmousemove = e => {
        e = e || event;
        let Left = e.clientX - disX;
        let Top = e.clientY - disY;
        let maxleft =
          document.documentElement.offsetWidth - this.$el.offsetWidth;
        let maxtop =
          document.documentElement.clientHeight - this.$el.offsetHeight;
        if (Left < 0) {
          Left = 0;
        } else if (Left > maxleft) {
          Left = maxleft;
        }
        if (Top < 0) {
          Top = 0;
        } else if (Top > maxtop) {
          Top = maxtop;
        }
        this.left = Left;
        this.top = Top;
      };
      document.onmouseup = function() {
        ifloddingset(false);
        document.onmousemove = null;
        document.onmouseup = null;
      };
    },
    touchstart(e) {
      if (this.guding) return;
      const ifloddingset = this.ifloddingset;
      ifloddingset(true);
      e = e || event;
      e.stopPropagation();
      const touch = e.touches[0];
      this.toucheX = touch.clientX - this.$el.offsetLeft;
      this.toucheY = touch.clientY - this.$el.offsetTop;
    },
    touchmove(e) {
      e = e || event;
      const touch = e.touches[0];
      let Left = touch.clientX - this.toucheX;
      let Top = touch.clientY - this.toucheY;
      let maxleft = document.documentElement.offsetWidth - this.$el.offsetWidth;
      let maxtop =
        document.documentElement.clientHeight - this.$el.offsetHeight;
      if (Left < 0) {
        Left = 0;
      } else if (Left > maxleft) {
        Left = maxleft;
      }
      if (Top < 0) {
        Top = 0;
      } else if (Top > maxtop) {
        Top = maxtop;
      }
      this.left = Left;
      this.top = Top;
    },
    touchend() {
      this.ifloddingset(false);
    }
  }
};
</script>

<style scoped>
.drag {
  border: 1px solid #62a3ff;
  position: absolute;
  font-size: 14px;
  box-shadow: 2px 2px 5px gray;
  z-index: 2001;
  background-color: #ffffff;
  overflow: hidden;
  display: none;
}
.minbuton {
  line-height: 30px;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  width: 25px;
}

.title {
  height: 30px;
  width: 100%;
  background: #62a3ff;
  display: flex;
  line-height: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

.resizeB {
  width: 100%;
  height: 10px;
  position: absolute;
  bottom: 0;
  cursor: n-resize;
  z-index: 2002;
}

.resizeL {
  width: 10px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: w-resize;
  z-index: 2002;
}

.resizeT {
  width: 100%;
  height: 10px;
  position: absolute;
  top: 0;
  cursor: n-resize;
  z-index: 2002;
}

.resizeR {
  width: 10px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  cursor: w-resize;
  z-index: 2002;
}

.resizeLT {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2002;
  cursor: nw-resize;
}

.resizeLB {
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2002;
  cursor: ne-resize;
}

.resizeRT {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2002;
  cursor: ne-resize;
}

.resizeRB {
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2002;
  cursor: nw-resize;
}
.wenti {
  height: 50px;
  background-color: #ffffff;
  padding-right: 20px;
}
.padd {
  margin-right: 20px;
  margin-top: 10px;
}
.text-white {
  color: #ffffff;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}

@font-face {
  font-family: "iconfont";
  src: url("//at.alicdn.com/t/font_1061487_2mbb5y2oltt.eot?t=1558576699642"); /* IE9 */
  src: url("//at.alicdn.com/t/font_1061487_2mbb5y2oltt.eot?t=1558576699642#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */
      url("data:application/x-font-woff2;charset=utf-8;base64,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")
      format("woff2"),
    url("//at.alicdn.com/t/font_1061487_2mbb5y2oltt.woff?t=1558576699642")
      format("woff"),
    url("//at.alicdn.com/t/font_1061487_2mbb5y2oltt.ttf?t=1558576699642")
      format("truetype"),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
      url("//at.alicdn.com/t/font_1061487_2mbb5y2oltt.svg?t=1558576699642#iconfont")
      format("svg"); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-02:before {
  content: "\e604";
}

.icon-shuohuaqipao:before {
  content: "\e6e4";
}

.icon-xuliehao:before {
  content: "\e62d";
}

.icon-xiaoliansmiley40:before {
  content: "\e772";
}

.icon-bianji:before {
  content: "\e603";
}

.icon-xuanze:before {
  content: "\e61a";
}

.icon-hongxin:before {
  content: "\e60c";
}

.icon-tubiaozhizuomoban:before {
  content: "\e607";
}

.icon-shipin:before {
  content: "\e698";
}

.icon-sucai:before {
  content: "\e609";
}

.icon-daima:before {
  content: "\e628";
}

.icon-shoucang:before {
  content: "\e602";
}

.icon-zuidahua:before {
  content: "\e646";
}

.icon-tuichu:before {
  content: "\e636";
}

.icon-zuixiaohua:before {
  content: "\e60b";
}

.icon-QQ:before {
  content: "\e67a";
}

.icon-xiahua:before {
  content: "\e6db";
}

.icon-courseware:before {
  content: "\e697";
}

.icon-qudongjingling:before {
  content: "\e601";
}

.icon-suodingx:before {
  content: "\e627";
}

.icon-caogaoxiang:before {
  content: "\e69d";
}

.icon-huanyuan:before {
  content: "\e615";
}

.icon-shoucang1:before {
  content: "\e647";
}

.icon-down-hollow:before {
  content: "\e7a6";
}

.icon-readonly:before {
  content: "\ea8c";
}

.icon-xinxi:before {
  content: "\e66b";
}

.icon-bianji1:before {
  content: "\ea3d";
}

.icon-xiaoxi1:before {
  content: "\e645";
}

.icon-xinaixin-:before {
  content: "\e667";
}

.icon-xiaoxi:before {
  content: "\e666";
}

.icon-tiezi:before {
  content: "\e6f7";
}

.icon-guanbi:before {
  content: "\e660";
}

.icon-hte-guding:before {
  content: "\ea8d";
}

.icon-hte-xuanzhuan45:before {
  content: "\ea8e";
}

.icon-hongxin-copy:before {
  content: "\ea8f";
}
.text-black {
  color: black;
}
</style>
